<script setup>
import { inject } from "vue";
import ResourceItem from "./ResourceItem.vue";

// defineProps(["resource"]);
let resource = inject("resources");
</script>

<template>
  <ul>
    <ResourceItem
      v-for="res in resource"
      :key="res.id"
      :id="res.id"
      :title="res.title"
      :description="res.description"
      :link="res.link"
    ></ResourceItem>
  </ul>
</template>

<style scoped>
ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin: auto;
  max-width: 40rem;
}
</style>
